<!DOCTYPE HTML>
<html>
<head>
    <!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>多区域异常提醒</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body{
            margin: 0;
            overflow: hidden;
            background: #fff;
        }
        #map{
            position: relative;
            height: 510px;
            width:80%;
            border:1px solid #3473b7;
            float:left;
        }
        #toolbar {
        position: relative;
        padding-top: 5px;
        padding-bottom: 10px;
        }
        #result{
            position:relative;
            float:right;
            height:510px;
            width: 19%;
            border:1px solid #3473b7;
            overflow:scroll;
        }

    </style>
	<script src="./libs/SuperMap.Include.js"></script>
    <script src="./js/SuperMap.draw.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
</head>
<body onload="init()">
    <div id="toolbar">
   		<input type = "button" class="btn" value="矩形" onclick="draw_box()" />
        <input type = "button" class="btn" value="多边形" onclick ="draw_polygon()" />
        <input type = "button" class="btn" value="清除" onclick="clearFeatures()" />
        <input type = "button" class="btn" value="查询" onclick="getArea()" />

    </div>
    <!--地图显示的div-->
    <div id="map" ></div>
    <div id="result">
        <div>异常：</div>
        <div id="data"></div>
    </div>
</body>
</html>